import React, { Component } from "react";
import Right_Title from "../title/Right_Title";
import VisitorLog from "../BarChart/VisitorLog";
export class Right_down extends Component {
  constructor(props: any) {
    super(props);
    this.state = {
      message: {
        title: "校园人流动情况",
      },
    };
  }
  render() {
    const { message } = this.state;
    return (
      <div className="right_down">
        <div className="Right_title">
          <Right_Title message={message}></Right_Title>
        </div>
        <div className="gap"></div>
        <div className="Right_down_content">
          <div className="down_content_header">
            <div className="header_left">
              <i className="iconfont icon-fangkejilu"></i>
              <div>
                <span>1</span>
                <p>昨日外来访客</p>
              </div>
            </div>
            <div className="header_right">
              <i className="iconfont icon-fangkejilu"></i>
              <div>
                <span>1</span>
                <p>今日外来访客</p>
              </div>
            </div>
          </div>
          <div className="down_content_footer">
            <VisitorLog></VisitorLog>
          </div>
        </div>
      </div>
    );
  }
}

export default Right_down;
//
